<?xml version="1.0" encoding="UTF-8"?>
<ui:component xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<ui:composition template="/pages/templates/layout_principal.xhtml">
		<ui:define name="body" width="100%">
			<h:form>
				<h:panelGrid styleClass="titulo">
					<h:outputText styleClass="titulo" value="#{menuControl.nomeProjetoSelecionado} - Requisitos" />
				</h:panelGrid>
				
				<br />
				
				<h:commandButton value="Novo Requisito" action="#{manterRequisitosControl.novo}" />
				
				<br />
				<br />
				
				<rich:dataTable id="listaRequisitos"  
					var="requisito"
					value="#{manterRequisitosControl.requisitos}"
					rowClasses="odd-row, even-row" 
					styleClass="stable" 
					columnClasses="">
					
					<f:facet name="header">
						<rich:columnGroup>
							<rich:column>Nome</rich:column>
							<rich:column>Tipo</rich:column>
							<rich:column>Prioridade</rich:column>
							<rich:column>Impacto na Arquitetura</rich:column>
							<rich:column>Estabilidade</rich:column>
							<rich:column>Situação</rich:column>
							<rich:column colspan="3">Operações</rich:column>
						</rich:columnGroup>
					</f:facet>
					
					<rich:column>
						#{requisito.nome}
					</rich:column>
					<rich:column style="width: 10%">
						#{requisito.tipo.descricao}
					</rich:column>
					<rich:column style="width: 10%; text-align: center;">
						#{requisito.prioridade}
					</rich:column>
					<rich:column style="width: 10%; text-align: center;">
						#{requisito.estabilidade}
					</rich:column>
					<rich:column style="width: 10%; text-align: center;">
						#{requisito.impactoArquitetura}
					</rich:column>
					<rich:column style="width: 10%; text-align: center;">
						#{requisito.situacao.descricao}
					</rich:column>
					<rich:column style="width: 3%; text-align: center;">
						<h:commandLink action="#{manterRequisitosControl.obter}">
							<f:setPropertyActionListener target="#{manterRequisitosControl.idRequisito}" value="#{requisito.id}"/>
							<h:graphicImage library="images" name="pencil.png" title="Editar Requisito" />
						</h:commandLink>
					</rich:column>
					<rich:column style="width: 3%; text-align: center;">
						<h:commandLink action="#{manterRequisitosControl.excluir}"  onclick="return confirm('Deseja realmente excluir o requisito #{requisito.nome}?')">
							<f:setPropertyActionListener target="#{manterRequisitosControl.idRequisito}" value="#{requisito.id}"/>
							<h:graphicImage library="images" name="delete.png" title="Excluir Requisito" />
						</h:commandLink>
					</rich:column>
					
					<rich:column style="width: 3%; text-align: center;">
						<h:commandLink action="#{manterRequisitosControl.obterPercentagemRequisito}">
							<f:setPropertyActionListener target="#{manterRequisitosControl.requisito}" value="#{requisito}"/>
							<h:graphicImage library="images" name="contrast_increase.png" title="Excluir Requisito" />
						</h:commandLink>
					</rich:column>
					
					
					
				</rich:dataTable>
			</h:form>
			
			<rich:jQuery  selector=".stable tr" event="mouseover" query="jQuery(this).addClass('active-row')" />
			<rich:jQuery selector=".stable tr" event="mouseout" query="jQuery(this).removeClass('active-row')" />
		</ui:define>
		<rich:jQuery selector=".stable tr:odd" query="addClass('odd-row')" />
		<rich:jQuery selector=".stable tr:even" query="addClass('even-row')" />

	</ui:composition>

</ui:component>